
$(function () {
    var imgLogo = $(".mihoyo-logo");
    imgLogo.click(function () {
        location.href = "./index.html"
    })

    // 勾选同意框
    var checkBox = $(".mhy-checkbox");
    checkBox.click(function () {
        $(this).toggleClass("checked")
    })

    // 输入动画
    var inputLine = $(".mhy-form-input .input-line");
    var inputBars = $("input");
    var inputLabel = inputBars.next();
    var errText = $(".error-text");
    var inputItem = $(".input-item");
    var inputRules = $(".error-text-rule");
    var reg = /^1[3-9]\d{9}$/;
    errText.hide();
    inputRules.hide();
    inputBars.each(function (index, item) {
        $(item).focus(function () {
            inputLine.eq(index).css({
                "width": "100%"
            })
        })

        // 输入框失焦时不能为空
        $(item).blur(function () {
            inputLine.eq(index).css({
                "width": "0"
            })
            if ($(item).val() == "") {
                inputRules.eq(index).hide();
                errText.eq(index).show();
                inputItem.eq(index).addClass("input-error");
            }
        })

        $(item).on("input", function () {
            if ($(item).val() != "") {
                errText.eq(index).hide();
                inputItem.eq(index).removeClass("input-error")
                inputLabel.eq(index).addClass("label-at-top")
            }
            else {
                inputLabel.eq(index).removeClass("label-at-top")
            }

        })
    })

    // 手机号码格式验证
    inputBars.eq(0).on("input", function () {
        if (reg.test($(this).val())) {
            inputRules.eq(0).hide();
            inputItem.eq(0).removeClass("input-error")
        }
        else {
            inputRules.eq(0).show();
            inputItem.eq(0).addClass("input-error");
        }
    })


    // 密码格式验证
    var rpwd = /^(?![^a-zA-Z]+$)(?!\D+$).{8,15}$/;
    inputBars.eq(1).on("input", function () {
        if (rpwd.test($(this).val())) {
            inputRules.eq(1).hide();
            inputItem.eq(1).removeClass("input-error")
        }
        else {
            inputRules.eq(1).show();
            inputItem.eq(1).addClass("input-error");
        }
    })

    // 重复密码验证
    inputBars.eq(2).on("input", function () {
        var pwdValue = inputBars.eq(1).val();
        if ($(this).val() == pwdValue) {
            inputRules.eq(2).hide();
            inputItem.eq(2).removeClass("input-error")
        }
        else {
            inputRules.eq(2).show();
            inputItem.eq(2).addClass("input-error");
        }
    })

    // 隐藏Toast
    var myToast = $(".mhy-toast");
    myToast.hide();

    // 点击注册
    var RegistBtn = $(".register-btn");
    RegistBtn.click(function () {
        var username = inputBars.eq(0).val();
        var pwd = inputBars.eq(1).val();
        var pwd2 = inputBars.eq(2).val();

        if (checkBox.eq(0).hasClass("checked")) {
            if (reg.test(username) && rpwd.test(pwd) && pwd == pwd2) {
                axios({
                    url: `http://localhost:6766/api/user`,
                    method: "post",
                    data: {
                        'username': username,
                        "password": pwd
                    }
                }).then(function (res) {
                    if (res.data.error_code == 0) {
                        myToast.show();
                        myToast.text("注册成功")
                        var mytime = setTimeout(function () {
                            myToast.hide();
                            clearTimeout(mytime);
                            location.href = "./login.html"
                        }, 1000)
                    }
                    else if (res.data.error_code == 1001) {
                        myToast.show();
                        myToast.text("注册失败，已存在该用户")
                        var mytime = setTimeout(function () {
                            myToast.hide();
                            clearTimeout(mytime);
                        }, 1000)
                    }
                })
            }
        }
        else {
            myToast.show();
            myToast.text("请先阅读并同意协议")
            var mytime = setTimeout(function () {
                myToast.hide();
                clearTimeout(mytime);
            }, 1000)
        }


    })
})